layui.use(['table', 'laytpl', 'layer'], function() {
	var $ = layui.$;
	var table = layui.table;
	var layer = layui.layer;
	var laytpl = layui.laytpl;
	table.render({
		elem: '#test',//指定原始表格元素选择器（推荐id选择器）
		url: '/mock/role.json',//请求地址
		cols: [[
			{checkbox: true, fixed: true},
			{field:'rolenum', title: '角色编码', width:'20%'},
			{field:'rolename', title: '角色值', width:'16%'},
			{field:'rolediscript', title: '角色描述', width:'20%'},
			{field:'rolelv', title: '等级', width:'10%'},
			{fixed:'right',title: '操作', width:'30%',align:'center', toolbar:'#barDemo'}
		]],//设置表头
		id		: 'table_reload',//设定容器唯一ID
		page	: true,//开启分页
		limits	: [10, 20, 50, 100],//每页数量
		limit	: 10,//默认每页数量
		height	: 'full-50',//容器高度
		method	: 'get',
		even	: true//隔行换色
	});
});